<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>图片</title>


    <style>
        * {
            margin: 0;
            padding: 0
        }

        .div1 {
            position: relative;
        }

        .box {

            position: absolute;

            width: 200px;

            height: 100vh;

            transition: all 1s;

            background-color: pink;

        }
        button{
            position: absolute;
            top: 100px;
            left: 220px;
        }
    </style>

    <script src="test.js" type="text/javascript"></script>

</head>



<body>

    <div class="div1">

        <div class="box">
        </div>
        <button>
            点我显示
        </button>

    </div>

</body>



<script>
    Change();
</script>

</html>